<template>
  <div>
    <script :id="id" type="text/plain"></script>
  </div>
</template>

<script>
  import '../../../static/ueditor/ueditor.config.js'
  import '../../../static/ueditor/ueditor.all.js'
  import '../../../static/ueditor/lang/zh-cn/zh-cn.js'

  export default {
    name: "UEditor",
    props: {
      id: {
        type: String
      },
      config: {
        type: Object
      }
    },
    data() {
      return {
        editor: null
      }
    },
    mounted() {
      //初始化UE
      const _this = this;
      this.editor = UE.delEditor(this.id);
      this.editor = UE.getEditor(this.id, this.config);
    },
    destoryed() {
      this.editor.destory();
    },
    methods: {
      getUEContent: function () {
        return this.editor.getContent();
      },
      setUEContent: function (content) {
        let ue = this.editor;

        ue.setContent(content);

      },
      getContentTxt: function () {
        return this.editor.getContentTxt();
      }
    }
  }
</script>
